@layout("/common/_container.html"){
<style>
    .ui-state-default {
        height: 40px;
        background: #fff;
        border: 1px solid aliceblue;
        line-height: 40px;
        border-radius: 3px;
        margin-bottom: 2px;
        width: 50%;
    }

    .ui-state-default:hover {
        cursor: pointer;
    }

    .title {
        background: #000;
        color: #fff;
    }

    .sortLeft {
        padding-right: 20px;
    }

    .sortRight {
        padding-right: 20px;
    }

    .ui-sortable {
        /*float: right;*/
    }

    .right_box {
        width: 330px;
        height: 400px;
        position: absolute;
        top: 57px;
        left: 590px;
        border: 1px solid #1E84C6;
    }
    .btnBox button {
        background: #30add1;
        color: white;
        width: 90px;
        font-weight: bold;
    }
</style>
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal" id="addForm">
            <input type="hidden" id="sortMap" value="">
            <input type="hidden" id="customerPhone" value="${customerPhone}">
            <div style="padding: 20px;">
                <h3 style="color: #30add1">预约结果</h3>
                <#sortReservationMatching  id="sortReservationMatching" list="${reservationsInfoList}"/>
                <h3 style="color: #30add1">到店结果</h3>
                <#sortArriveMatching  id="sortArriveMatching" list="${customerInfoList}"/>
                <div class="btnBox">
                    <button type="button" class="btn" onclick="Customer.openAddNature()">添加</button>
                    <button type="button" id="cancel" style="background: #999999" class="btn" onclick="parent.layer.close(parent.layer.getFrameIndex(window.name))">取消</button>
                </div>
            </div>


            <!--<div class="row">-->
                <!--<div class="col-sm-6 proSort">-->
                    <!--<div class="panel-body">-->
                        <!--<h2>匹配预约结果</h2>-->
                    <!--</div>-->
                    <!--<div style="width:500px;height:300px;overflow:auto;" class="panel panel-success sortRight">-->
                        <!--<#sortReservationMatching  id="sortReservationMatching" list="${reservationsInfoList}"/>-->
                    <!--</div>-->
                    <!--<div class="row">-->


                    <!--</div>-->
                <!--</div>-->
                <!--<div class="col-sm-6">-->
                    <!--<div class="row">-->
                        <!--<div class="panel-body">-->
                            <!--<h2>匹配到店结果</h2>-->
                        <!--</div>-->
                        <!--<div style="width:500px;height:300px;overflow:auto;" class="panel panel-success sortRight">-->
                            <!--<#sortArriveMatching  id="sortArriveMatching" list="${customerInfoList}"/>-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</div>-->
        </div>
    </div>
</div>
<style>
    .sort_li {
        display: inline-block;
    }
</style>
<script src="${ctxPath}/static/modular/arrival/customer/customer.js"></script>
<link rel="stylesheet" href="${ctxPath}/static/css/jqui/jquery-ui.min.css">
<script src="${ctxPath}/static/js/jquery-ui.min.js"></script>
@}
